 <template>
  <div class="zj-head">
    <span @click="onClickBack"><img src="../../common/images/back.png" v-if="backTo"></span>
    <span>{{title}}</span>
    <span v-if="calendarMark"><img src="../../common/images/calendar.png"></span>
    <span v-if="circleMark"><img src="../../common/images/circle.png" ></span>
    <span v-if="noticecurrentMark"><img src="../../common/images/noticecurrent.png" ></span>
    <span v-if="noticeMark"><img src="../../common/images/notice.png" ></span>
    <span v-if="photoMark"><img src="../../common/images/photo.png" ></span>
    <span v-if="shareMark"><img src="../../common/images/share.png" ></span>
  </div>
</template>

<script>
 export default {
    props: ["backTo","title","calendarMark","circleMark","noticecurrentMark","noticeMark","photoMark","shareMark"],
    data() {
      return {
       
      }
    },
    methods:{
        onClickBack () {
            history.back()
        }
    }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.zj-head {
    width: 100%;
    position:absolute;
    top: 0;
    padding-top: 0.32rem;
    height: 0.68rem;
    line-height:0.68rem;
    background-color: #88BD43;
    display: flex;
    span {
      display: inline-block;
      font-size:0.34rem;
      color: #fff;
      text-align: center;
    }
    span:nth-of-type(1){
      width: 18%;
      img{
         width:0.17rem;
         height: 0.28rem;
         margin-top: 0.2rem;
         margin-left: 20%;
      }
    }
    span:nth-of-type(3) {
      width: 18%;
      img{
        width:0.42rem;
        height: 0.42rem;
        margin-top: 0.13rem;
        margin-left: 46%;
      }
    }
    span:nth-of-type(2) {
      width: 64%;
    }

  }
</style>






